// Variables
@dark: #363c40;
@red: #c25c52;
@green: #3bb878;
@blue: #7bc3d1;
@yellow: #D9C05B;
@white: #fff;
@grey: #666d6f;
@font-default-color: #666d6f;
@font-light-color: #a4abab;
@home-link-color: #fff;
@mask-color: rgba(0,0,0,.3);

@brand-font: 'impact';
@large-font: 16px;
@normal-font: 14px;
@small-font: 12px;

@images: '../images';

.can-click {
  cursor: pointer;
  text-decoration: none;
}

.no-outline {
  &:focus, &:active {
    outline: none;
  }
}

.desc-text {
  font-size: 12px;
  color: @font-default-color;
  font-style: italic;
}

.hr-vt-center(@w, @h) {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -@w / 2;
  margin-top: -@h / 2;
}

.offset-icon {
  top: 0px;
  left: 1px;
}

.transition-fast {
  transition: all 200ms ease-in-out;
}

.transition-normal {
  transition: all 500ms ease-in-out;
}

.no_selection {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}

.container-fluid.nopadding{
  padding-left: 0px;
  padding-right: 0px;
}

.fullheight{
  height: 100%;
}

.pos-relative{
  position: relative;
}

.todo{
  text-align: center;
  margin-top: 200px;
}